<%@ page language="java" pageEncoding="UTF-8"%><!DOCTYPE html>
<html>
<head>
<title>Insert title here</title>
<jsp:include page="/head.jsp"></jsp:include>
</head>
<body>

<jsp:include page="/header.jsp"></jsp:include>
<jsp:include page="/cartLog.jsp"></jsp:include>
<div data-am-widget="slider" class="am-slider am-slider-i2" data-am-flexslider="{controlNav:false}">
    <ul class="am-slides">
        <li class="am-slider-images" style="background-image: url(assets/IMJ2V2/img/banner1.jpg)">
            <div class="am-container am-slider-desc">
                <div class="am-slider-content">
                    <h2 class="am-slider-title am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left', delay: 100}">嗨底捞 一起嗨</h2>
                    <p data-am-scrollspy="{animation:'slide-right', delay: 600}" class="am-animation-slide-right">创造欢乐火锅时光</p>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="m-services m-home-box">
    <section class="am-container">
        <hgroup class="am-animation-slide-bottom am-animation-delay-1" data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
            <h2>我们的服务</h2>
            <p>分享美食 让火锅成为一种主流</p>
        </hgroup>
        <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-6 am-thumbnails">
            <li class="am-animation-slide-top" data-am-scrollspy="{animation:'slide-top', delay: 0}">
                <h2>品牌理念</h2>
                <p>
        通过精心挑选的产品和创新的服务，创造欢乐火锅时光，向世界各国美食爱好者传递健康火锅饮食文化。</p>
            </li>
            <li class="am-animation-slide-top" data-am-scrollspy="{animation:'slide-top', delay: 0}">
                <h2>品牌愿景</h2>
                <p>品牌愿景

交流是人与人之间传递的刚需，而来自中国的火锅是天生的社交餐饮。嗨底捞致力于让更多人在餐桌敞开心扉，吃的开心，打造全球年轻人都喜爱能够参与的餐桌社交文化。</p>
            </li>
          <li class="am-animation-slide-top am-animation-delay-1" data-am-scrollspy="{animation:'slide-top', delay: 100}">
                <h2>特色服务</h2>
                <p>
嗨底捞始终从顾客体验出发。创新性地为顾客提供愉悦的用餐服务。门店全部的个性化服务都来自于服务员的创意。这些充满温度的个性化服务也真正让顾客的每一次用餐都成为一场欢乐时光。</p>
            </li>
            <li class="am-animation-slide-top am-animation-delay-1" data-am-scrollspy="{animation:'slide-top', delay: 100}">
                <h2>社会责任</h2>
                <p>我们在保证自身稳健运营的同时，饮水思泉，不忘初心，积极履行企业社会责任。带动员工热心投身慈善公益及志愿者事业，为当地社区奉献自己的力量。</p>
            </li>
           
        </ul>
    </section>

</div>
<div class="am-container m-home-box">
        <hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
            <h2>功能展示</h2>
            <p>嗨底捞，一起嗨</p>
        </hgroup>
        <section class="m-case-list">
            <ul class="am-avg-sm-1 am-avg-md-3 am-avg-lg-3 am-thumbnails">


                <li data-am-scrollspy="{animation:'slide-bottom', delay: 196}">
                    <figure class="effect-lily">
                        <img src="assets/IMJ2V2/images/loading.gif" alt="嗨底捞美食" data-echo="assets/img/uploadfiles/img/201509/46.jpg" class="am-img-responsive">
                        <figcaption>
                            <h3>嗨底捞美食</h3>
                            <p>我想我会遇见你，像恋人般重逢美丽</p>
                            <a href="mallproduct.let?tyeid=1">View more</a>
                        </figcaption>
                    </figure>
                </li>

                <li data-am-scrollspy="{animation:'slide-bottom', delay: 174}">
                    <figure class="effect-lily">
                        <img src="assets/IMJ2V2/images/loading.gif" alt="服务中心" data-echo="assets/img/uploadfiles/img/201509/23.png" class="am-img-responsive">
                        <figcaption>
                            <h3>服务中心</h3>
                            <p>用心服务每一位顾客</p>
                            <a href="fuwu.jsp">View more</a>
                        </figcaption>
                    </figure>
                </li>

                <li data-am-scrollspy="{animation:'slide-bottom', delay: 119}">
                    <figure class="effect-lily">
                        <img src="assets/IMJ2V2/images/loading.gif" alt="关于我们" data-echo="assets/img/uploadfiles/img/201509/32.jpg" class="am-img-responsive">
                        <figcaption>
                            <h3>关于我们</h3>
                            <p></p>
                            <a href="about.jsp">View more</a>
                        </figcaption>
                    </figure>
                </li>
                        </ul>
        </section>

</div>
 <hr>
<div class="m-home-box m-contact">
    <section class="am-container">
        <hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
            <h2>加入我们</h2>
            <p>你可以通过以下方式和我们取得联系。</p>
        </hgroup>
        <ul class="am-avg-lg-4 am-avg-md-4 am-avg-sm-2 am-thumbnails">
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 2}"> <i class="am-icon-qq"></i> 2294216348
            </li>
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 41}"> <i class="am-icon-phone-square"></i> 17369284151
            </li>
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 51}">
                <i class="am-icon-weixin"></i> 17369284151
            </li>
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 211}">
                <i class="am-icon-envelope"></i> 2294216348@qq.com
            </li>
        </ul>
    </section>
</div>
<div class="m-contact-us">
    <section class="am-container">
        <div class="am-g">
            <span class="m-u-sm-12 am-u-md-9 am-u-lg-10" data-am-scrollspy="{animation:'slide-left', delay: 100}">如果你心动了，你还在等什么？点击马上和我们联系！</span>
            <span class="m-u-sm-12 am-u-md-3 am-u-lg-2" data-am-scrollspy="{animation:'slide-right', delay: 100}">
                <a target="_blank" href="contact.jsp" class="am-btn am-btn-danger am-radius" rel="external nofollow">加入我们</a>
            </span>
        </div>
    </section>
</div>

<jsp:include page="/footer.jsp"></jsp:include>
</body>
</html>
